<template>
<div>
  <h1 style="color:red;">我的订单</h1>
  <el-divider></el-divider>
  <el-card style="margin-bottom: 10px">
    <el-row :gutter="10">
      <el-col :span="3"><p>2021-12-19</p></el-col>
      <el-col :span="19"><p>猫眼订单号:22724243628</p></el-col>
      <el-col :span="2">
        <el-button icon="el-icon-delete"></el-button>
      </el-col>
    </el-row>
    <el-row :gutter="10" style="height: 30px;">
      <el-col :span="3">
        <el-card>
          <img src="https://p0.pipi.cn/mmdb/25bfd68dbe17e1030cf0ee3dd5c16373fabcb.jpg?imageView2/1/w/66/h/91" width="100%">
        </el-card>
      </el-col>
      <el-col :span="9"><p style="font-size: 10px">《误杀2》</p>
        <p style="font-size: 7px">保利万和国际影城（合川店）</p>
        <p style="font-size: 7px">3号4DX激光厅 6排10座 6排09座</p>
        <p style="font-size: 7px;color:red;">周日 12月19日 14:10</p></el-col>
      <el-col :span="4"><p style="position: relative;top: 30px">￥86</p></el-col>
      <el-col :span="5"><p style="position: relative;top: 30px;">已完成</p></el-col>
      <el-col :span="3"><a href="javascript:void (0)" style="text-decoration: none;
      color:#000;position: relative;top: 45px;font-size: 15px">查看详情</a></el-col>
    </el-row>
  </el-card>
  <el-card style="margin-bottom: 10px">
    <el-row :gutter="10">
      <el-col :span="3"><p>2021-12-19</p></el-col>
      <el-col :span="19"><p>猫眼订单号:22724243628</p></el-col>
      <el-col :span="2">
        <el-button icon="el-icon-delete"></el-button>
      </el-col>
    </el-row>
    <el-row :gutter="10" style="height: 30px;">
      <el-col :span="3">
        <el-card>
          <img src="https://p0.pipi.cn/mmdb/d2dad5927e10fab12d21f0b50958e26637d75.jpg?imageView2/1/w/66/h/91" width="100%">
        </el-card>
      </el-col>
      <el-col :span="9"><p style="font-size: 10px">《速度与激情10》</p>
        <p style="font-size: 7px">保利万和国际影城（合川店）</p>
        <p style="font-size: 7px">3号4DX激光厅 6排10座 6排09座</p>
        <p style="font-size: 7px;color:red;">周日 12月19日 14:10</p></el-col>
      <el-col :span="4"><p style="position: relative;top: 30px">￥86</p></el-col>
      <el-col :span="5"><p style="position: relative;top: 30px;">已完成</p></el-col>
      <el-col :span="3"><a href="javascript:void (0)" style="text-decoration: none;
      color:#000;position: relative;top: 45px;font-size: 15px">查看详情</a></el-col>
    </el-row>
  </el-card>
  <el-card style="margin-bottom: 10px">
    <el-row :gutter="10">
      <el-col :span="3"><p>2021-12-19</p></el-col>
      <el-col :span="19"><p>猫眼订单号:22724243628</p></el-col>
      <el-col :span="2">
        <el-button icon="el-icon-delete"></el-button>
      </el-col>
    </el-row>
    <el-row :gutter="10" style="height: 30px;">
      <el-col :span="3">
        <el-card>
          <img src="https://p0.pipi.cn/mmdb/d2dad592b12f2ab5357a35c0be314c8c5bff6.jpg?imageView2/1/w/66/h/91" width="100%">
        </el-card>
      </el-col>
      <el-col :span="9"><p style="font-size: 10px">《冰雪奇缘2》</p>
        <p style="font-size: 7px">保利万和国际影城（合川店）</p>
        <p style="font-size: 7px">3号4DX激光厅 6排10座 6排09座</p>
        <p style="font-size: 7px;color:red;">周日 12月19日 14:10</p></el-col>
      <el-col :span="4"><p style="position: relative;top: 30px">￥86</p></el-col>
      <el-col :span="5"><p style="position: relative;top: 30px;">已完成</p></el-col>
      <el-col :span="3"><a href="javascript:void (0)" style="text-decoration: none;
      color:#000;position: relative;top: 45px;font-size: 15px">查看详情</a></el-col>
    </el-row>
  </el-card>
  <el-card style="margin-bottom: 10px">
    <el-row :gutter="10">
      <el-col :span="3"><p>2021-12-19</p></el-col>
      <el-col :span="19"><p>猫眼订单号:22724243628</p></el-col>
      <el-col :span="2">
        <el-button icon="el-icon-delete"></el-button>
      </el-col>
    </el-row>
    <el-row :gutter="10" style="height: 30px;">
      <el-col :span="3">
        <el-card>
          <img src="https://p0.pipi.cn/mmdb/d2dad592b12f2ab5357a35c0be314c8c5bff6.jpg?imageView2/1/w/66/h/91" width="100%">
        </el-card>
      </el-col>
      <el-col :span="9"><p style="font-size: 10px">《冰雪奇缘2》</p>
        <p style="font-size: 7px">保利万和国际影城（合川店）</p>
        <p style="font-size: 7px">3号4DX激光厅 6排10座 6排09座</p>
        <p style="font-size: 7px;color:red;">周日 12月19日 14:10</p></el-col>
      <el-col :span="4"><p style="position: relative;top: 30px">￥86</p></el-col>
      <el-col :span="5"><p style="position: relative;top: 30px;">已完成</p></el-col>
      <el-col :span="3"><a href="javascript:void (0)" style="text-decoration: none;
      color:#000;position: relative;top: 45px;font-size: 15px">查看详情</a></el-col>
    </el-row>
  </el-card>
  <el-card style="margin-bottom: 10px">
    <el-row :gutter="10">
      <el-col :span="3"><p>2021-12-19</p></el-col>
      <el-col :span="19"><p>猫眼订单号:22724243628</p></el-col>
      <el-col :span="2">
        <el-button icon="el-icon-delete"></el-button>
      </el-col>
    </el-row>
    <el-row :gutter="10" style="height: 30px;">
      <el-col :span="3">
        <el-card>
          <img src="https://p0.pipi.cn/mmdb/d2dad592b12f2ab5357a35c0be314c8c5bff6.jpg?imageView2/1/w/66/h/91" width="100%">
        </el-card>
      </el-col>
      <el-col :span="9"><p style="font-size: 10px">《冰雪奇缘2》</p>
        <p style="font-size: 7px">保利万和国际影城（合川店）</p>
        <p style="font-size: 7px">3号4DX激光厅 6排10座 6排09座</p>
        <p style="font-size: 7px;color:red;">周日 12月19日 14:10</p></el-col>
      <el-col :span="4"><p style="position: relative;top: 30px">￥86</p></el-col>
      <el-col :span="5"><p style="position: relative;top: 30px;">已完成</p></el-col>
      <el-col :span="3"><a href="javascript:void (0)" style="text-decoration: none;
      color:#000;position: relative;top: 45px;font-size: 15px">查看详情</a></el-col>
    </el-row>
  </el-card>
</div>
</template>

<script>
export default {
  name: "OrdersView"
}
</script>

<style scoped>

</style>